UV Study : Vue.js LT会 ~業務で活きる実践的なVue~
https://gyazo.com/f2f3440e10eb7f584017b4f26f838a8d
エラーハンドリングの課題
発生条件を特定するのが難しい
ネットワーク状態
状態管理や非同期処理
ユーザー操作の組み合わせ
エラーパターンの洗い出しに労力がかかる
開発認識合わせ
useErrorHandler composables
onErrorCaptured
一貫したエラー処理が可能
共通化できる
エラー処理の漏れを防止
エラーパターンの追加が容易
保守性が向上
テストが書きやすい
エラー種類の棲み分け
共通エラー
セッションエラー
ネットワークエラー
個別エラー
フォームのバリデーションエラー
ビジネスロジック
導入の課題
@nuxtjs/storybook
動作の不安定
devモードでコンポーネントが表示されない
Nuxtの最新バージョンに追従できない
初期設定が困難
npx storybook-nuxt initで動かなかった
自前で動かすための環境を構築することにする
導入の課題
https://gyazo.com/cd96b4af501763f3ed70180f79a9dcad
https://gyazo.com/5464a1b54099053915abe5e591e0c4bb
読み込み先の違いがあった
prefixを付与しないといけない
./components/parts/button.vueはPartsButtonにする必要がある
Nuxt関連のコンポーネントが使えない
NuxtLink
a要素として扱う
目指したい未来
https://gyazo.com/d7a722903dd90bb4ad7adb94189516dd
Vue3化してやりきってしまった
同一プロジェクト内に２つの書き方が混在してしまう
自動変換したい
https://gyazo.com/cb5346d460a6d468a1826a702cb38357
https://gyazo.com/945c33712c592286b69525bccbd48a38
yamanoku / useIdでアクセシブルな汎用コンポーネントを作ってみよう